<template>
  <div id="temp">
    <!--1.0 图片分类-->
    <mt-header fixed title="先锋论坛"></mt-header>
    <div class="container">
      <!-- 文章主体 -->
      <div class="detail-body">
        <div class="detail-title forum-detail-title">
          <h1>
            郑党员
          </h1>
          <span>香洲区党支部 正式党员</span>
          <em>
            2018-07-13 12:00
            <!-- 用户评论过的，则给该span加class：active -->
            <span class="active">12人评论</span>
          </em>
        </div>
        <div class="detail-content">
          <h2>如果你无法简洁的表达你的想法</h2>
          <p>
            如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法，那只说明你还不够了解它。
          </p>
          <p>
            如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法，那只说明你还不够了解它。如果你无法简洁的表达你的想法，那只说明你还不够了解它。
          </p>
          <img src="../../../statics/imgs/images/img.jpg" />
        </div>
      </div>

      <div class="comment-list">
        <div>
          全部评论（<span>12</span>）
        </div>
        <ul>
          <li>
            <span>王小明</span>
            <em>07-14 11:12</em>
            <p>
              评论内容评论内容评论内容，评论内容评论内容评论内容，评论内容评论内容。
            </p>
          </li>
          <li>
            <span>王小明</span>
            <em>07-14 11:12</em>
            <p>
              评论内容评论内容评论内容，评论内容评论内容评论内容，评论内容评论内容。
            </p>
          </li>
          <li>
            <span>王小明</span>
            <em>07-14 11:12</em>
            <p>
              评论内容评论内容评论内容，评论内容评论内容评论内容，评论内容评论内容。
            </p>
          </li>
        </ul>
      </div>

      <div class="comment-box">
        <input type="text" placeholder="请输入您的评论..." />
        <button>发表</button>
      </div>
    </div>

  </div>
</template>

<script>
  //集成评论子组件
  import urlkit from '../../kits/urlkit.js';//测试接口
  export default{
    data(){
      return{

      }
    },
    created(){
//			1.0 获取url传入的id参数值赋值给data中的id属性
      this.id = this.$route.query.id;
      this.getId();
    },
    methods:{
      getId(){
        // debugger;
        console.log(88);
        console.log(this.id);
      }
    }
  }
</script>

<style scoped>
  /*头部样式*/
  .mint-header{
    height: .9rem;
    background-color: #4284D8;
    font-size: .35rem;
  }
  .container{
    margin-top: .1rem;
  }
</style>
